<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学员名单</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>


    <h1>学员名单</h1>

<div class="w">

    <div class="top">

        <h2>添加</h2>

        <input type="text" placeholder="姓名" id="a" autofocus>

        <select name="" id="b" class="b">

            <option value="男">男</option>
            <option value="女">女</option>

        </select>


        <input type="number" placeholder="年龄" id="c">

        <button id="btn">添加</button>

    </div>

    <div class="bottom">

        <h2>列表</h2>



        <ul>

            <li><span>姓名</span><span>性别</span><span>年龄</span></li>

        </ul>
        <ul id="ul">




        </ul>

    </div>

</div>



<script src="js/script.js"></script>
</body>
</html>